<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<title>wikipediaminer - annotate demo</title>
		<link rel="stylesheet" href="../../css/wm.css" type="text/css">
		<link rel="stylesheet" href="annotate.css" type="text/css">
		<link rel="stylesheet" href="../demos.css" type="text/css">
		<link rel="stylesheet" href="../../css/jquery.qtip.min.css" type="text/css">
		<link rel="stylesheet" href="../../css/tooltips.css" type="text/css">
		<link rel="stylesheet" href="../../css/tagcloud.css" type="text/css">
		<link type="text/css" href="../../css/jquery-ui/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
		
		
		<script type="text/javascript" src="../../js/jquery-1.5.1.min.js"></script> 
		<script type="text/javascript" src="../../js/jquery-ui-1.8.14.custom.min.js"></script>
		<script type="text/javascript" src="../../js/jquery.qtip.min.js"></script>
		<script type="text/javascript" src="../../js/tooltips.js"></script> 
		<script type="text/javascript" src="../../js/tagcloud.js"></script>
		
		<script type="text/javascript" src="../../js/jgoogleanalytics.js"></script> 
		<script type="text/javascript" src="../../js/util.js"></script> 
		<script type="text/javascript" src="../../js/analyticsKey.js"></script>
		<script type="text/javascript" src="annotate.js"></script> 
		
		<link rel="icon" href="../../images/icon.png" type="image/png" />
	</head>
	<body>
		
		<div id='outer'>
			<div id='logo'></div>
			<div id='title'></div>
			
			<div id='navigation'>
				<a href='../../index.html'>home</a>
				<em>demos</em>
				<a href='../../services'>services</a>
				<a href='../../help'>help</a>
				
				<div class='corner l'></div>
				<div class='corner r'></div>
			</div>
			
			<div id='inner'>
				
				<div id='subnav'>
					<div class='corner t'> <div class='corner'></div></div>
					<ul>
						<li>
							<a href='..'>introduction</a>
						</li>
						<li class='header'>
							the demos
						</li>
						<li>
							<a href='../search'>search</a>
						</li>
						<li>
							<a href='../compare'>compare</a>
						</li>
						<li>
							<em>annotate</em>
						</li>
					</ul>
					<div class='corner b'> <div class='corner'></div></div>
				</div>
				
				<div id='inner2'>
					
					<div id='instructions'>
						<p>
							This page demonstrates how the toolkit can detect and disambiguate topics when they are mentioned in documents. 
						</p>
						<p>
							Try entering a snippet of text to get started, or try this <a href="./?source=Wikipedia+is+a+free%2C+multilingual+encyclopedia+project+supported+by+the+non-profit+Wikimedia+Foundation.+Its+name+is+a+portmanteau+of+the+words+wiki+%28a+technology+for+creating+collaborative+websites%2C+from+the+Hawaiian+word+wiki%2C+meaning+%27fast%27%29+and+encyclopedia.%0D%0A%0D%0AWikipedia%27s+12+million+articles+%282.77+million+in+English%29+have+been+written+collaboratively+by+volunteers+around+the+world%2C+and+almost+all+of+its+articles+can+be+edited+by+anyone+who+can+access+the+Wikipedia+website.+Launched+in+January+2001+by+Jimmy+Wales+and+Larry+Sanger%2C+it+is+currently+the+most+popular+general+reference+work+on+the+Internet.">canned example</a>.
						</p>
						
						<p>
							If you want to wikify an entire web page, go <a href="./url">here</a>.
						</p>
					</div>
					
					<div id='initializing'>
						
						<p>Sorry, the toolkit needs a little while to ready itself.</p>
						
						<div id='progress'></div>
						
						<div class='ui-state-highlight ui-corner-all note'>
							
							<div class='ui-icon ui-icon-info'></div>
								
							<p>
								Don't worry, you won't have to wait through this delay every time you want to use one of these demos; 
								it only occurs when the server has been restarted.
							</p>
						</div>

					</div>
					
					<div id="ready">
					
						<h2>Text to annotate</h2>
						
						
						<form action='.' method='get'>
							<div class="ui-widget-content ui-corner-all" style="padding: 5px ;">
								<textarea id='txtSource' name='source' class='inputBox'>
								
								</textarea>
							
								<div id='options'>
									<fieldset>
										<legend>Markup <span class='help' id='markupHelp'>?</span></legend>
										<input id="sourceMode_html" name="sourceMode" type="radio" value="HTML"><label for="sourceMode_html">HTML</label>
										<input id="sourceMode_wiki" name="sourceMode" type="radio" value="WIKI"><label for="sourceMode_wiki">MediaWiki</label>
										<input id="sourceMode_auto" name="sourceMode" type="radio" value="AUTO"><label for="sourceMode_auto">detect automatically</label>
									</fieldset>
									<fieldset>
										<legend>Repeat occurences <span class='help' id='repeatHelp'>?</span></legend>
										<input id="repeatMode_all" name="repeatMode" type="radio" value="ALL"><label for="repeatMode_all">mark all</label>
										<input id="repeatMode_first" name="repeatMode" type="radio" value="FIRST"><label for="repeatMode_first">mark first</label>
										<input id="repeatMode_fis" name="repeatMode" type="radio" value="FIRST_IN_REGION"><label for="repeatMode_fis">mark first in each section</label>
									</fieldset>
									<fieldset>
										<legend>Link density <span class='help' id='densityHelp'>?</span></legend>
										<table>
											<tr>
												<td style="vertical-align:middle; padding-left:20px">few links</td>
												<td><div id="slider" style="width:150px"></div></td>
												<td style="vertical-align:middle">many links</td>
											</tr>
										</table>
										<input id="minProbability" name="minProbability" type="hidden">
									</fieldset>
								</div>
								
								<div style="margin-top: 10px ; text-align: right ;">
									<a id="showOptions" onclick="showOptions()">show options</a>
									<a id="hideOptions" onclick="hideOptions()">hide options</a>
									<input id="cmdAnnotate" type="submit" value="Annotate"></input>
								</div>
	
							</div>
						</form>
						
						<div id="results">
							<h2>Annotated text</h2>
							
							<div id='loading'></div>
							
							<div id="tabs" style="margin-bottom: 20px">
								<ul>
									<li>
										<a href="#tab_wikiMarkup">MediaWiki Markup</a>
									</li>
									<li>
										<a href="#tab_renderedHtml">Rendered HTML</a>
									</li>
									<li>
										<a href="#tab_rawHtml">Raw HTML</a>
									</li>
									<li>
										<a href="#tab_topics">Detected Topics</a>
									</li>
								</ul>
								
								<div id="tab_wikiMarkup">
									<div id='wikiMarkup'>
										
									</div>
								</div>
								<div id="tab_renderedHtml">
									<div id='renderedHtml'>
										
									</div>
								</div>
								<div id="tab_rawHtml">
									<div id='rawHtml' >
										
									</div>
								</div>
								<div id="tab_topics">
									<p class="explanation">
								    	The size of the topics below shows how well they fit the model of what a Wikipedian would link to. 
								    </p>
								    
									<ul id='topics' class="tagcloud">	
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>	
					
			<div id='footer'>
				Hosted by <a href='http://sourceforge.net/projects/wikipedia-miner/'>SourceForge</a> and the <a href='http://www.scms.waikato.ac.nz/'>University of Waikato</a>
				
				<div class='corner l'></div>
				<div class='corner r'></div>
			</div>
		</div>
		
	</body>
</html>
